<!-- Page Content -->
<div id="page-content-wrapper">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-7"> <!-- Change width here -->
        <!-- Category: Computer Science -->
        <div class="page-header" id="archives">
          <h3>Computer Science</h3>
          <a class="post-link h5 text-danger pull-right" href="{{site.url}}{{site.baseurl}}/archives#ComputerScience">More...</a>&nbsp&nbsp&nbsp&nbsp&nbsp
          <br>
        </div>

        <ul class="ant-timeline" id="archivelist">
          
          {% for post in site.posts %}
          {% if post.category != "ComputerScience" %}
          {% continue %}
          {% endif %}
          {% if post.stickie != true %}
          {% continue %}
          {% endif %}
          
          <li class="ant-timeline-item">
            <div class="ant-timeline-item-content">
              
              <div class="d-flex align-items-center post-title">
                <span class="text-danger"> ▪ &nbsp{{ post.date | date: "%Y-%m-%d" }}&nbsp</span>
                <a class="post-link h5 text-primary" href="{{site.url}}{{site.baseurl}}{{ post.url}}">{{ post.title }}</a>
              </div><br>             
            </div>
          </li>
          {% endfor %}            
        </ul>
        <!-- Category End -->
<!-- Category: Literary Works -->
        <div class="page-header" id="archives">
          <h3>Literary Works</h3>
          <a class="post-link h5 text-danger pull-right" href="{{site.url}}{{site.baseurl}}/archives#LiteraryWorks">More...</a>&nbsp&nbsp&nbsp&nbsp&nbsp
          <br>
        </div>

        <ul class="ant-timeline" id="archivelist">
          {% for post in site.posts %}
          {% if post.category != "LiteraryWorks" %}
          {% continue %}
          {% endif %}
          {% if post.stickie != true %}
          {% continue %}
          {% endif %}
          
          <li class="ant-timeline-item">
            <div class="ant-timeline-item-content">
              
              <div class="d-flex align-items-center post-title">
                <span class="text-danger"> ▪ &nbsp{{ post.date | date: "%Y-%m-%d" }}&nbsp</span>
                <a class="post-link h5 text-primary" href="{{site.url}}{{site.baseurl}}{{ post.url}}">{{ post.title }}</a>
              </div><br>             
            </div>
          </li>
          {% endfor %}            
        </ul>
        <!-- Category End -->
        <!-- Category: Translation -->
        <div class="page-header" id="archives">
          <h3>Translation</h3>
          <a class="post-link h5 text-danger pull-right" href="{{site.url}}{{site.baseurl}}/archives#Translation">More...</a>&nbsp&nbsp&nbsp&nbsp&nbsp
          <br>
        </div>

        <ul class="ant-timeline" id="archivelist">
          {% for post in site.posts %}
          {% if post.category != "Translation" %}
          {% continue %}
          {% endif %}
          {% if post.stickie != true %}
          {% continue %}
          {% endif %}
          
          <li class="ant-timeline-item">
            <div class="ant-timeline-item-content">
              
              <div class="d-flex align-items-center post-title">
                <span class="text-danger"> ▪ &nbsp{{ post.date | date: "%Y-%m-%d" }}&nbsp</span>
                <a class="post-link h5 text-primary" href="{{site.url}}{{site.baseurl}}{{ post.url}}">{{ post.title }}</a>
              </div><br>             
            </div>
          </li>
          {% endfor %}            
        </ul>
        <!-- Category End -->
      </div>
    
      <!-- topics -->
      <div class="col-md-5"> 
	<div class="page-header" id="topics">
	  <h3>Topics</h3><br>
	</div> 
	<ul class="post-link text-primary h5">
	  <a class="text-primary" href="{{site.url}}{{site.baseurl}}/spec/py.html">Python Tutorial For Non-programmers</a><br><br>
	  <a class="text-primary" href="{{site.url}}{{site.baseurl}}/spec/cheatsheets.html">Cheatsheet Lists of Development Tools</a><br><br>
	  <a class="text-primary" href="{{site.url}}{{site.baseurl}}/spec/bddlib.html">Write yourself a BDD library with Oz</a>
	  <br><br>
	  <a class="text-primary" href="{{site.url}}{{site.baseurl}}/spec/aischedule.html">AI automatic scheduling application</a>
	</ul>	
        <!-- Tags -->
        <div class="page-header" id="tags">
          <h3>Tags </h3>
          <br>
        </div>
        <ul class="h6">
          {% for tag in site.tags %}
	  
          <a class="text-primary" href="{{site.url}}{{site.baseurl}}/categories.html#t_{{tag[0]}}">
            {{tag[0]}}
          </a>&nbsp
          {% endfor %}
        </ul>
	<!--/div-->
        <div class="page-header" id="achievements">
          <h3>Achievements</h3>
          <br>
        </div>
        <ul class="h6">
          <span class="text-danger">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ▪ &nbsp Ongoing &nbsp&nbsp</span>
          <a class="text-primary" href="{{site.url}}{{site.baseurl}}/bddbl-site/">BDDBL library. </a>
          <br>
          <br>
          <span class="text-danger">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ▪ &nbsp 2018-8-13 &nbsp&nbsp</span> 
          <a class="text-primary" href="{{site.url}}{{site.baseurl}}/Magic-Practise/">Personal Notes.</a>
          <br>
          <br>
          <span class="text-danger">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ▪ &nbsp 2018-8-13 &nbsp&nbsp</span>
          <a class="text-primary" href="{{site.url}}{{site.baseurl}}/The-Shape-of-Love/">与夫人相爱。</a>
          <br>
          <br>
          <span class="text-danger">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ▪ &nbsp 2018-5-16 &nbsp&nbsp</span>
          <a class="text-primary" href="{{site.url}}{{site.baseurl}}/others/2016/04/04/resume.html">空活数十载，一事无成，做人失败。</a>
          <br>
          <br>
        </ul>
      </div>
    </div>
  </div>
  <!-- /#page-content-wrapper -->
